@import (reference) "~weaver-mobile/dist/weaver-mobile.less";
@import (reference) "../index.less";

@background-select: #0079de;
//详情头部导航
.g-primaryHeader {
  // overflow: hidden;
  // position: fixed;
  // top: 0;
  // zindex: 99;
  border-bottom: @border-width-sm solid #ddd;
  .gc-grid-container {
    padding-top: 15px;
    @keyframes containerbtn{
      form {
        transform:translateY(3*@hd) scale(1,1);
        box-shadow: 0*@hd 0.5*@hd 1*@hd 1*@hd #888;
        opacity:0.5;
      }
      to {
        transform: translateY(-3*@hd) scale(1.05,1.05);
        box-shadow: 0*@hd 2*@hd 1*@hd 1*@hd #888;
        opacity:1;
      }
    }
    a {
      position: relative;
    }
    a:hover{
      color: #55b1f9;
    }
    a:hover div:first-of-type{
      color: #55b1f9;
      animation: containerbtn 0.5s ease-in normal forwards;
    }
    a:active {
      top: 2*@hd;
    }
    font-size: @font-size-caption-sm !important;
    font-weight: bold;
    .gc-grid-a-default {
      color: @color-text-paragraph;
    }
    .gc-grid-icon {
      display: inline-block;
      padding: @v-spacing-sm @h-spacing-md @v-spacing-sm @h-spacing-md;
      border-radius: @radius-circle;
      opacity:0.4;
    }
    .gc-grid-text {
      margin-top: @h-spacing-sm;
    }
    // a {
    // 	display: inline-block;
    // 	color: @color-text-paragraph;
    // }
  }
}
